<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="{eyou:global name='web_keywords' /}">
    <meta name="description" content="{eyou:global name='web_description' /}">
    <title>{eyou:global name='web_title' /}</title>
    {eyou:include file="import.htm" /}
</head>

<body>
    <div class="container">
        {eyou:include file="header.htm" /}
        <div class="row">
            <div class="col-12 col-lg-8">
                <!-- 面包屑导航 -->
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb bg-light">
                        {eyou:position style="crumb" /}
                        <li class="breadcrumb-item active" aria-current="page">正文</li>
                    </ol>
                </nav>
                <!-- 图集内容 -->
                <div class="card border-0">
                    <div class="card-header bg-transparent text-center">
                        <h4 class="card-title">{$eyou.field.title}</h4>
                        <div class="card-meta text-muted"><small>{$eyou.field.add_time|MyDate='Y年m月d日
                                H:i:s',###}</small></div>
                    </div>
                    <div class="card-body text-justify px-0">
                        {eyou:volist name="$eyou.field.image_list"}
                        <img src="{$field.image_url}" class="img-fluid w-100">
                        {/eyou:volist}
                    </div>
                </div>
                <!-- 图集分页 -->
                <nav aria-label="Page navigation">
                    <ul class="pagination justify-content-between">
                        <!-- 上一页 -->
                        {eyou:prenext get='pre'}
                        <li class="page-item w-50">
                            <a href="{$field.arcurl}"
                                class="page-link text-reset text-truncate border-dark">上一篇：{$field.title}</span></a>
                        </li>
                        {eyou:else /}
                        <li class="page-item w-50 disabled">
                            <a href="#" class="page-link border-dark">上一篇: 没有了</span></a>
                        </li>
                        {/eyou:prenext}
                        <!-- 下一页 -->
                        {eyou:prenext get='next'}
                        <li class="page-item w-50">
                            <a href="{$field.arcurl}"
                                class="page-link text-reset text-truncate border-dark">下一篇：{$field.title}</span></a>
                        </li>
                        {eyou:else /}
                        <li class="page-item w-50 disabled">
                            <a href="#" class="page-link border-dark">下一篇: 没有了</span></a>
                        </li>
                        {/eyou:prenext}
                    </ul>
                </nav>
                <!-- 评论插件 -->
                <div id="SOHUCS" sid="{$eyou.field.pageurl}"></div>
                <script type="text/javascript">
                    (function () {
                        var appid = 'cyvFH6L1y';
                        var conf = 'prod_bc589cc5311833803e39c5f02b38ba56';
                        var width = window.innerWidth || document.documentElement.clientWidth;
                        if (width < 1000) {
                            var head = document.getElementsByTagName('head')[0] || document.head || document.documentElement;
                            var script = document.createElement('script');
                            script.type = 'text/javascript';
                            script.charset = 'utf-8';
                            script.id = 'changyan_mobile_js';
                            script.src = 'https://cy-cdn.kuaizhan.com/upload/mobile/wap-js/changyan_mobile.js?client_id=' + appid + '&conf=' + conf;
                            head.appendChild(script);
                        } else { var loadJs = function (d, a) { var c = document.getElementsByTagName("head")[0] || document.head || document.documentElement; var b = document.createElement("script"); b.setAttribute("type", "text/javascript"); b.setAttribute("charset", "UTF-8"); b.setAttribute("src", d); if (typeof a === "function") { if (window.attachEvent) { b.onreadystatechange = function () { var e = b.readyState; if (e === "loaded" || e === "complete") { b.onreadystatechange = null; a() } } } else { b.onload = a } } c.appendChild(b) }; loadJs("https://cy-cdn.kuaizhan.com/upload/changyan.js", function () { window.changyan.api.config({ appid: appid, conf: conf }) }); }
                    })();
                </script>
            </div>
            <div class="col-12 col-lg-4">
                {eyou:include file="sidebar.htm" /}
            </div>
        </div>
    </div>
    <!-- 返回顶部 -->
    <button type="button" class="to-top btn bg-dark text-white"><i class="bi bi-chevron-up"></i></button>
    <script>
        $(document).ready(function () {
            $('.to-top').toTop({
                autohide: true,
                offset: 420,
                speed: 400,
                position: true,
                right: 15,
                bottom: 30
            });
        });
    </script>
</body>

</html>